import React, { useEffect, useState } from "react";
import { View, Text, StyleSheet, Image } from "react-native";
type Props = {
    icon: number,
    tips: string,
}
export default ({ icon, tips }: Props) => {

    return (
        <View style={styles.root}>
            <Image style={styles.icon} source={icon} />
            <Text style={styles.tips} >{tips}</Text>
        </View>
    )
}

const styles = StyleSheet.create({
    root: {
        alignItems: 'center',
        paddingTop: 120
    },
    icon: {
        width: 96,
        height: 96,
        resizeMode: 'contain'
    },
    tips: {
        fontSize: 14,
        color: '#ddd',
        marginTop: 10
    }
})